TeamCalendarMetaMatches.render - Code Metrics - Inspection of "Update dependency gatsby-parallel-runner to v1.2.8" - soniCaH/KCVV-Elewijt-Gatsby - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — renovate/gatsby-parallel-runne... ( 92a788 )

unknown

created 2020-05-24 23:44 UTC

TeamCalendarMetaMatches.render A

↳ Parent: Project

Complexity

Conditions

Size

Total Lines	21
Code Lines	18

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	3
eloc	18
dl	0
loc	21
rs	9.5
c	0
b	0
f	0

import React, { Component, Fragment } from "react"
import { graphql, StaticQuery } from "gatsby"
import MatchWithLogo from "./match-with-logo"

import "./team-calendar-meta-matches.scss"

class TeamCalendarMetaMatches extends Component {
  constructor(props) {
    super(props)

    this.state = {
      data: [],
      loading: true,
    }

    this.uuid = props.division.toLowerCase()

    this.apiServerUrl = props.config.site.siteMetadata.serverUrl
    this.apiRefreshRate = props.config.site.siteMetadata.refreshRate
    this.timeout = {}
  }

  updateData() {
    const { season, region, division, regnumber } = this.props

    fetch(
      `${this.apiServerUrl}/meta/${season}/${region}/${division}/${regnumber}`
    )
      .then((response) => response.json())
      .then((json) => this.setState({ data: json, loading: false }))

    this.timeout = setTimeout(() => {
      this.updateData(() => {})
    }, this.apiRefreshRate)
  }

  componentDidMount() {
    this.updateData()
  }

  componentWillUnmount() {
    clearInterval(this.timeout)
  }

  render() {
    if (this.state.loading === false && this.state.data) {
      const { next, previous } = this.state.data

      if (previous || next) {
        return (
          <Fragment>
            <div className={"team-calendar-meta-matches"}>
              {previous && (
                <MatchWithLogo match={previous.match} lazyload={true} />
              )}
              {next && <MatchWithLogo match={next.match} lazyload={true} />}
            </div>
          </Fragment>
        )
      } else {
        return null
      }
    } else {
      return null
    }
  }
}

const query = graphql`
  query {
    site {
      siteMetadata {
        serverUrl
        refreshRate
      }
    }
  }
`

export default ({ season, region, division, regnumber }) => (
  <StaticQuery
    query={query}
    render={(data) => (
      <TeamCalendarMetaMatches
        config={data}
        season={season}
        region={region}
        division={division}
        regnumber={regnumber}
      />
    )}
  />
)


1			import React, { Component, Fragment } from "react"
2			import { graphql, StaticQuery } from "gatsby"
3			import MatchWithLogo from "./match-with-logo"
4
5			import "./team-calendar-meta-matches.scss"
6
7			class TeamCalendarMetaMatches extends Component {
8			constructor(props) {
9			super(props)
10
11			this.state = {
12			data: [],
13			loading: true,
14			}
15
16			this.uuid = props.division.toLowerCase()
17
18			this.apiServerUrl = props.config.site.siteMetadata.serverUrl
19			this.apiRefreshRate = props.config.site.siteMetadata.refreshRate
20			this.timeout = {}
21			}
22
23			updateData() {
24			const { season, region, division, regnumber } = this.props
25
26			fetch(
27			`${this.apiServerUrl}/meta/${season}/${region}/${division}/${regnumber}`
28			)
29			.then((response) => response.json())
30			.then((json) => this.setState({ data: json, loading: false }))
31
32			this.timeout = setTimeout(() => {
33			this.updateData(() => {})
34			}, this.apiRefreshRate)
35			}
36
37			componentDidMount() {
38			this.updateData()
39			}
40
41			componentWillUnmount() {
42			clearInterval(this.timeout)
43			}
44
45			render() {
46			if (this.state.loading === false && this.state.data) {
47			const { next, previous } = this.state.data
48
49			if (previous \|\| next) {
50			return (
51			<Fragment>
52			<div className={"team-calendar-meta-matches"}>
53			{previous && (
54			<MatchWithLogo match={previous.match} lazyload={true} />
55			)}
56			{next && <MatchWithLogo match={next.match} lazyload={true} />}
57			</div>
58			</Fragment>
59			)
60			} else {
61			return null
62			}
63			} else {
64			return null
65			}
66			}
67			}
68
69			const query = graphql`
70			query {
71			site {
72			siteMetadata {
73			serverUrl
74			refreshRate
75			}
76			}
77			}
78			`
79
80			export default ({ season, region, division, regnumber }) => (
81			<StaticQuery
82			query={query}
83			render={(data) => (
84			<TeamCalendarMetaMatches
85			config={data}
86			season={season}
87			region={region}
88			division={division}
89			regnumber={regnumber}
90			/>
91			)}
92			/>
93			)
94

soniCaH / KCVV-Elewijt-Gatsby

Push — renovate/gatsby-parallel-runne... ( 92a788 )

TeamCalendarMetaMatches.render A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like